import React, { Component ,PureComponent} from 'react'
// PureComponent 纯组件，和Component功能一样，只不过PureComponent内部帮我们加了shouldComponentUpdate生命周期钩子的优化
export default class Home extends PureComponent {
  // 这个生命周期钩子，接收两个参数，第一个nextProps，第二个nextState
  // 该生命周期钩子必须要有返回值，返回一个布尔值
  // 返回true，子组件会重新渲染（render函数重新执行）
  // 返回false，子组件不会重新渲染（render函数不会执行）
  // shouldComponentUpdate(nextProps){

  //   // this.props  该生命周期里的这个值，是props的旧值
  //   console.log('nextProps',nextProps)
  //   console.log('this.props',this.props)
  //   if(this.props.msg === nextProps.msg){
  //     return false
  //   }

  //   return true

  // }
  // 
  render() {
    console.log('home组件挂载了');
    let {msg} = this.props
    return (
      <div>
        <h2>Home...</h2>
        <h2>{msg}</h2>
      </div>
    )
  }
}
